<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>沈阳北软信息职业技术学院</title>
		<link rel="stylesheet" href="style/base.css">
		<link rel="stylesheet" href="style/list.css">
		<link rel="stylesheet" type="text/css" href="./css/style.css" />
		<script src="./js/jquery-3.5.1.js" type="text/javascript" charset="utf-8"></script>
		<script src="./js/script.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
		<!-- 引入vantUI -->
		<script src="./js/vant-UI/vant.min.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="./js/vant-UI/index.css" />
		<!-- 引入elementUI -->
		<script src="./js/element-UI/elementUI.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="./js/element-UI/elementUI.css" />
		<link rel="stylesheet" href="css/index.css" type="text/css">
		<link rel="stylesheet" type="text/css" href="css/children.css">
		<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
		<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
		<script type="text/javascript" src="js/public.js"></script><!-- 菜单js等-->
		<style type="text/css">
			@font-face {
				font-family: liuzhaowu;
				src: url(./font/Coca-ColaCareFontKaiTi.TTF);
			}

			.wp {
				width: 1200px;
				margin: 0 auto;
				position: relative;
			}

			#hd {
				padding: 19px 0;
			}

			#hd .hd-logo {
				height: 62px;
			}

			#hd .hd-logo img {
				height: 62px;
				width: auto;
			}

			#hd .lang {
				width: 120px;
				margin-top: 13px;
				position: relative;
			}

			#hd .lang h3 {
				height: 20px;
				background: #f2f2f2;
				padding: 8px 20px;
			}

			#hd .lang span {
				float: left;
				width: 30px;
				height: 20px;
				background: url(./images/flag.jpg);
			}

			#hd .lang em {
				float: left;
				height: 20px;
				line-height: 20px;
				margin-left: 10px;
				+min-width: 28px;
			}

			#hd .lang i {
				float: right;
				width: 7px;
				height: 4px;
				background: url(./images/icos.png);
				margin-top: 8px;
			}

			#hd .lang ul {
				position: absolute;
				width: 100%;
				top: 36px;
				left: 0;
				background: #f2f2f2;
				display: none;
			}

			#hd .lang ul li {
				padding: 8px 20px;
			}

			#hd .lang ul li a {
				display: block;
			}

			#hd .lang span.en {
				background-position: 0 -20px;
			}

			#hd .lang:hover ul {
				display: block;
			}

			#hd a.hd-btn {
				width: 72px;
				height: 34px;
				border: 1px solid #ccc;
				line-height: 34px;
				text-align: center;
				margin: 13px 20px 0 0;
			}

			#hd a.btn-login {
				border-color: #67ac46;
				color: #67ac46;
				margin-right: 10px;
			}

			#hd a.hd-btn:hover {
				background: #67ac46;
				border-color: #67ac46;
				color: #fff;
			}

			#hd .hd-search {
				width: 340px;
			}

			#hd .hd-search form,
			#hd .hd-search input,
			#hd .hd-search button {
				height: 36px;
			}

			#hd .hd-search input {
				float: left;
				width: 180px;
				padding: 0 12px;
				line-height: 36px;
				color: #666;
				background: #f2f2f2;
			}

			#hd .hd-search button {
				float: left;
				width: 36px;
				height: 36px;
				background: url(./images/icos.png) 0 -4px;
				cursor: pointer;
			}

			#nav {
				padding: 20px 0;
				background: #009FD9;
			}

			#nav ul {
				height: 30px;
				float: left;
			}

			#nav ul li {
				float: left;
				margin-right: 50px;
				height: 30px;
				position: relative;
			}

			#nav ul li a {
				display: block;
				line-height: 30px;
				color: #fff;
				font-weight: bold;
			}

			#nav ul li span {
				position: absolute;
				width: 0;
				height: 2px;
				background: #fff;
				top: 30px;
				left: 50%;
				margin-left: 0;
				border-radius: 1px;
			}

			#nav ul li.on span,
			#nav ul li:hover span {
				width: 100%;
				margin-left: -50%;
				transition: 0.3s;
			}

			#nav .order {
				height: 30px;
			}

			#nav .order span {
				float: left;
				line-height: 30px;
				color: #fff;
				font-weight: bold;
				margin-right: 10px;
			}

			#nav .order a {
				float: left;
				width: 30px;
				height: 30px;
				background: url(./images/icos.png) 0 -40px;
			}

			.fr {
				float: right;
			}

			.fixed_top {
				position: fixed;
				top: 0;
				width: 100%;
			}

			/* .text {
				font-family: liuzhaowu;
				width: 100%;
				
				background-image: -webkit-linear-gradient(left, blue, #66ffff 10%, #cc00ff 20%, #CC00CC 30%, #CCCCFF 40%, #00FFFF 50%, #CCCCFF 60%, #CC00CC 70%, #CC00FF 80%, #66FFFF 90%, blue 100%);
				-webkit-text-fill-color: transparent;
				-webkit-background-clip: text;
				-webkit-background-size: 300% 100%;
				-webkit-animation: masked-animation 20s linear infinite;
				font-size: 30px;
			}
			
			@keyframes masked-animation {
				0% {
					background-position: 0 0;
				}
			
				100% {
					background-position: -100% 0;
				}
			} */
			.el-carousel__item h3 {
				color: #475669;
				font-size: 14px;
				opacity: 0.75;
				line-height: 150px;
				margin: 0;
			}

			.el-carousel__item:nth-child(2n) {
				background-color: #99a9bf;
			}

			.el-carousel__item:nth-child(2n+1) {
				background-color: #d3dce6;
			}

			.footer_2wm {
				width: 140px;
				height: 140px;
			}
			.el-table--striped .el-table__body tr.el-table__row--striped td{
				background-color: #F2F9FC;
			}
		</style>
	</head>
	<body>
		<div id="root">
			<template>
				<el-backtop></el-backtop>
			</template>
			<div id="hd">
				<div class="wp clearfix">
					<!--logo-->
					<div class="hd-logo fl"
						style="display: flex;flex-direction: row;justify-content: center;align-items: center;color: #000000;">
						<a href="https://www.nsi-soft.com/nsi/index"
							style="display: flex;flex-direction: row;justify-content: center;align-items: center;color: #000000;">
							<img src="images/logo.png">
							<div style="font-family: liuzhaowu;color: #000000;">
								<h1>沈阳北软信息职业技术学院</h1>
								<h1 style="font-size: 10px;">Shenyang Northern Software Collage of Information
									Technology</h1>
							</div>
						</a>
						<div class="hd-search fr text"
							style="font-family: liuzhaowu;display: flex;flex-direction: row;justify-content: center;align-items: center;">
							<img src="images/logo2.png" style="width: 50px;height:50px;">
							<div style="font-family: liuzhaowu;color: #000000;margin-left: 10px;">
								<h1>计算机系官网</h1>
								<h1 style="font-size: 10px;">Computer Department official website</h1>
							</div>
						</div>
						<div class="hd-search fr text"
							style="font-family: liuzhaowu;display: flex;flex-direction: row;justify-content: center;align-items: center;">
							
							<div style="font-family: liuzhaowu;color: #000000;margin-left: 10px;">
								<h1>格物致知•见微知著</h1>
								
							</div>
						</div>
					</div>

					<div class="fr">
						<van-popover v-model="showPopover" trigger="click">
							<van-grid square clickable :border="false" column-num="3"
								style="width: 200px;padding: 10px;display: flex;justify-content: center;">
								<div style="margin-bottom: 10px;">计算机系官方公众号</div>
								<img src="images/gongzhonghao.png" style="width: 200px;height: 200px;">
							</van-grid>
							<template #reference>
								<van-button type="primary" style="background-color: #409EFF;border: #409EFF;">公众号
								</van-button>
							</template>
						</van-popover>
					</div>
				</div>
			</div>
			<div id="nav" style="z-index: 999;">
				<div class="wp clearfix">
					<ul>
						<li ><a href="index.html">首页</a><span></span></li>
						<li class="on"><a>关于北软</a><span></span></li>
						<li><a href="shuanggao.html">系部介绍</a><span></span></li>
						<li><a href="students.html">优秀学子</a><span></span></li>
						<li><a href="information.html">产教融合</a><span></span></li>
						<!-- <li><a href="inquiry.html">Teacher inquiry</a><span></span></li>
						<li><a href="#">About page</a><span></span></li> -->
					</ul>
					<div class="order fr">

					</div>
				</div>
			</div>
			<div class="tzFirArticle1">
				<div class="clearfix wrapper">
					<div class="fl section">
						<h2>计算机系<span style="color: #409EFF;">简介</span></h2>
						<p style="color: #000000;">
							计算机系现开设软件技术、计算机应用技术、大数据技术应用、移动应用开发、云计算技术应用五大王牌专业。计算机专业群是辽宁省高水平特色专业群，计算机应用技术是省级示范专业。毕业后年薪15万以上，可升入本科专业。
						</p>
					</div>
					<!-- <img src="images/img01.jpg" alt="" class="fl"> -->
					<template>
						<div class="block">

							<el-carousel height="200px">
								<el-carousel-item v-for="(item,index) in img_list">
									<img :src=item.img style="width: 100%;height: 100%;">
								</el-carousel-item>

							</el-carousel>
						</div>

					</template>
				</div>
			</div>
			<div class="contentbox">
				<!-- zy_content -->
				<div class="zy_contentbox wid_main fix">
					<!-- 左边栏 -->
					<div class="zy_left_con">
						<!-- 二级菜单 -->
						<div class="zy_twonav">
							<h2 class="tit">关于北软</h2>
							<ul>
								<li class="cur"><a href="#">招生简章</a></li>
								<li><a href="environment.html">北软环境</a></li>
								<!-- <li><a href="about.html">画室优势</a></li> -->
								<!-- <li><a href="about_fwzq.html">服务专区</a></li> -->
								<li><a href="founder.html">创始人记</a></li>
							</ul>
						</div>
						<!-- 显示最多5个最新资讯 -->
						<div class="news">
							<h2 class="tit">最新资讯</h2>
							<ul>
								<li v-for="(item,index) in zixun_list">
									<a href="news.html">
										<i><img src="images/newspic01.jpg"></i>
										<dl>
											<dt>{{item.title}}</dt>
											<dd>{{item.text}}...
											</dd>
										</dl>
									</a>
								</li>
							</ul>
						</div>
						<!-- 联系信息 -->
						<div class="contact">
							<h2 class="tit">联系我们</h2>
							<dl>
								<dt>沈阳北软信息职业技术学院</dt>
								<dd>咨询电话：024-88928718</dd>
								<dd>联系邮箱：2890682240@qq.com</dd>
								<dd>联系地址：辽宁省沈阳市沈北路53号</dd>
								<a href="https://www.nsi-soft.com/nsiDzStuSystem/">网上报名</a>
							</dl>
						</div>
					</div>
			
					<!-- 右边内容 -->
					<div class="zy_right_con">
						<!-- 当前位置 -->
						<div class="weizhi">
							<i><img src="images/z_weizhi.png"></i>
							<p><b>当前位置：</b><a href="index.html">网站首页</a><a href="#">关于北软</a><span>招生简章</span></p>
						</div>
						<!-- 内容块 关于我们-->
						<div class="zy_aboutbox">
							<h1>沈阳北软信息职业技术学院</h1>
							<div class="txt">
								<p>沈阳北软信息职业技术学院于2012年3月经教育部批准设立，前身是成立于2001的首批省级示范软件学院——沈阳航空航天大学北方软件学院。学院坐落在辽宁省沈阳市沈北新区沈北路53号。
								</p>
								<h2><img src="./images/slider_bg.jpg"><span>图为北软全景俯瞰图</span></h2>
								<p>建院以来，形成了集研究开发、人才培养、成果产业化为一体的产、学、研人才培养和就业基地，紧密结合专业实际，打造多个教学实践平台即格微协同翻译生产线（国家级教学实践平台）、航空发动机知识化设计支撑平台（国防专项教学实践平台）、工艺规程协同编制平台（国防专项教学实践平台）、专题情报平台（省级专项教学实践平台）、格微协同协作平台（省级专项教学实践平台）、数字生态校园平台（省级专项教学实践平台）、智能巡检云平台（省级专项教学实践平台），形成了特色的计算机应用专业群（省级示范专业）、航空工程专业群（计算机+数控+航空）、商务管理专业群（计算机+外语+商务）、数媒动漫专业群（计算机+创意设计）。培养了万余名深受国防、兵工、航空航天、装备制造、软件“互联网+”应用等行业领域的大中型国有企业、信息产业、现代服务业、新型工业化企业欢迎的计算机、航空、数控、电子商务、外语和数字媒体类专业人才，是辽宁省技能型领军人才和实用人才培养的重要基地。作为辽宁省唯一具备航空特色的职业技术学院，是中国航空企业急需人才的输送基地。作为软件开发和软件服务产业的领头羊，是辽宁省软件开发人才培养的重要基地。作为国家两化融合排头兵，是沈阳经济区两化融合的重要基地。承接多个国家重大项目，是国内最大工程资料协同翻译基地。毕业生考取专升本比例高，是为省内高校输送专升本人才的优质生源基地。北软的创新创业实践基地“青春号 众创空间”，是大学生众包众创的综合性的服务平台。
								</p>
								<p>学院自创办以来，以习近平新时代中国特色社会主义思想为指导，全面贯彻党的教育方针，坚持社会主义办学方向，坚持扎根中国大地办教育，坚持立德树人根本任务。充分发挥办学体制优势，始终秉持“爱的教育”和“快乐学习”的教育理念，紧密结合国家和辽宁区域经济、社会发展需要，遵循技能型人才培养规律和高职类学生身心特征，锐意改革，全面创新人才培养模式，“教”“育”并重，技能为要，多措并举，注重质量。
								</p>
								<p>建院以来，秉承“格物致知  见微知著”的校训，始终坚持依法治校，规范办学。以“资源共享、多元开放、高效实用、争创一流”为发展目标，形成了“感恩爱国  求实创新”的校风、“笃学乐教  静思翔远”的教风、“崇德尚学  践行励志”的学风。学院以“爱的教育”理念引领构建的“感恩、爱国、励志”三位一体递进式德育工作体系和以“快乐学习”理念引领构建的“开放式”教学管理工作体系已成为鲜明的办学特色，彰显了新学校、新体制、新理念、新模式、新实践、新成效的巨大优势。办学实践已经取得优异成果，先后获得全国高校互联网应用创新大赛一等奖，中国软件杯大学生软件设计大赛二等奖三项、三等奖两项，辽宁省教学成果二等奖两项、三等奖五项，辽宁省职业院校技能大赛一等奖两项、二三等奖十余项，沈阳职业院校技能大赛一二三等奖十余项；计算机应用技术专业2014年被评为省级示范专业，计算机专业群2017年入选辽宁省职业教育高水平特色专业群，成为省内民办高职院校唯一的代表。</p>
								<p>学院设有计算机系、现代商务与管理系、航空工程系、数字媒体系，纪委监察处、党委组织部、党委宣传部、党委统战部、党政办公室（人力资源部），思政教研部、劳动教育教研部、体育教研部、美育及艺术教研部、就业指导教研部，学生工作处（武装部），安全保卫处、教务处、教学督导组、招生就业处、发展规划处、后勤管理处，实践中心、信息与网络中心，质量保证体系诊断与改进办公室、产教融合办公室，团委等单位。
								</p>
								<p>学院现设有21个专业及方向，分别是软件技术、计算机应用技术、大数据技术、电子商务、数字媒体技术、飞机机电设备维修、动漫制作技术、应用英语（涉外事务）、移动应用开发、数控技术（两化融合）、民航安全技术管理、无人机应用技术、商务数据分析与应用、机械设计与制造、移动商务、跨境电子商务、云计算技术应用、农村电子商务、建筑室内设计、网络营销与直播电商、空中乘务。
								</p>
								<p>学院与其举办者沈阳格微软件有限责任公司（简称格微公司）深度开展产教融合、校企合作，面向全院所有专业实施双元育人。格微公司是以两化融合、军民融合、产教融合为核心业务的高新技术企业，经历了从大学研究室、研究中心、有限公司、软件学院和产业园区近23年的发展历程，形成了集研究开发、人才培养、成果产业化为一体的产、学、研基地。格微公司作为多语言协同翻译技术国家与地方联合工程实验室（国家级创新平台）和教育部批准列入的先期重点建设培育的产教融合型企业（国家级），是面向北软和市内、省内其它高校及有关行业的软件与大数据人才及两化融合应用人才培养和创新人才孵化基地、机器翻译产业基地和翻译人才培养基地。
								</p>
								<p>在工业互联网进入发展快车道的关键时期，学院的产教融合单位沈阳格微公司的“链上辽宁产业地图与生产要素服务平台”已经服务全省企业1.1万户，万家规模以上企业同北软进行深度“产教融合”，设置订单定向培养班。保北软学子好就业、就好业。目前，我院应届毕业生就业率在全省专科、本科共100余所院校中排名第三，我院所有招生专业均100%推荐就业单位。
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			
			<div class="wave-box" style="margin-top: 50px;">
				<div class="marquee-box marquee-up" id="marquee-box">
					<div class="marquee">
						<div class="wave-list-box" id="wave-list-box1">
							<ul>
								<li>
									<img height="60" alt="波浪" src="images/wave_02.png">
								</li>
							</ul>
						</div>
						<div class="wave-list-box" id="wave-list-box2">
							<ul>
								<li>
									<img height="60" alt="波浪" src="images/wave_02.png">
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="marquee-box" id="marquee-box3">
					<div class="marquee">
						<div class="wave-list-box" id="wave-list-box4">
							<ul>
								<li>
									<img height="60" alt="波浪" src="images/wave_01.png">
								</li>
							</ul>
						</div>
						<div class="wave-list-box" id="wave-list-box5">
							<ul>
								<li>
									<img height="60" alt="波浪" src="images/wave_01.png">
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="footer">
				<div class="auto clearfix">
					<div class="footer-floor1">
						<div class="footer-list">
							<ul>
								<li class="flist-title">
									友情链接
								</li>
								<li>
									<a href="http://www.ge-soft.com/">
										<strong>
											沈阳格微软件公司
										</strong>
									</a>
								</li>
								<li>
									<a href="http://www.sau.edu.cn/">
										<strong>
											沈阳航空航天大学
										</strong>
									</a>
								</li>
								<li>
									<a href="http://www.lnzsw.com/">
										<strong>
											辽宁招生考试网
										</strong>
									</a>
								</li>
								<li>
									<a href="http://www.lnen.cn/">
										<strong>
											辽宁省教育厅
										</strong>
									</a>
								</li>
								<li>
									<a href="https://www.nsi-soft.com/nsi/myddc">
										<strong>
											2020年对省级人民政府履行教育职责情况满意度调查
										</strong>
									</a>
								</li>
							</ul>
			
						</div>
						<img src="images/map.png">
			
						<div class="footer-right">
							<!-- <div class="telephone" title="服务热线">
								<div class="tel-number">
									400-688-3065
								</div>
							</div> -->
							<div style="text-align: center;color: #FFF;">
								<img src="images/nsi-erweima.jpg" class="footer_2wm">
								北软官方公众号
							</div>
							<div style="text-align: center;color: #FFF;">
								<img src="images/20200918160105.jpg" class="footer_2wm">
								智汇北软小程序
							</div>
						</div>
			
					</div>
				</div>
				<div class="footer-floor2">
					<p>
						©Copyright 2012-2021：沈阳北软信息职业技术学院 <a
							href="https://beian.miit.gov.cn/#/Integrated/index">辽ICP备17002625号-1</a> 地址：辽宁省沈阳市沈北路53号
						联系电话：024-88928718
					</p>
				</div>
			</div>

		</div>
	</body>
	<script type="text/javascript">
		var vm = new Vue({
			el: "#root",
			data: {
				tableData: [{
				          physics: '01',
						  history:'01',
				          name: '软件技术',
				          tel: '15504010868'
				        }, {
				          physics: '02',
						  history:'02',
				          name: '计算机应用技术',
				          tel: '15504010868'
				        }, {
				          physics: '03',
						  history:'03',
				          name: '大数据技术应用',
				          tel: '15504010868'
				        }, {
				          physics: '09',
						  history:'09',
				          name: '移动应用开发',
				          tel: '15504010868'
				        },{
				          physics: '17',
						  history:'17',
				          name: '云计算应用技术',
				          tel: '15504010868'
				        },
						],
				img_list: [{
						img: "images/1.jpg"
					},
					{
						img: "images/2.jpg"
					},
					{
						img: "images/3.jpg"
					},
					{
						img: "images/2.jpg"
					},
				],
				activeName: 'second',
				visible: true,
				showPopover: false,
				zixun_list:[
					{
						title:"选择是成功的关键",
						text:"2003年读大一的胡洪征创办了画室,2007年从贵州大学美术"
					},
					{
						title:"选择是成功的关键",
						text:"2003年读大一的胡洪征创办了画室,2007年从贵州大学美术"
					},
					{
						title:"选择是成功的关键",
						text:"2003年读大一的胡洪征创办了画室,2007年从贵州大学美术"
					},
					{
						title:"选择是成功的关键",
						text:"2003年读大一的胡洪征创办了画室,2007年从贵州大学美术"
					},
				]
			},
			methods: {
				handleClick(tab, event) {
					console.log(tab, event);
				},
				offical() {
					vm.showPopover = true
				},
				offical_off() {
					vm.showPopover = false
				}
			},
			mounted() {
				$(window).scroll(function() {
					var height = $(document).scrollTop()
					console.log(height)
					if (height > 150) {
						$('#nav').addClass('fixed_top')
					} else {
						$('#nav').removeClass('fixed_top')
					}
				})

			},
		})
	</script>
</html>
